<template>
  <div class="">
    <h1>过滤器</h1>
    <h1>{{ price | filnum("¥") }}</h1>
    <h1>{{ price | filnum("$") }}</h1>
    <h1>{{ time | filtime }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      price: 100,
      time: new Date(),
    };
  },
  mounted() {},

  computed: {},
  methods: {},
  filters: {
    filnum(val, val2) {
      return val * 100 + val2;
    },
  },
  //局部过滤器是一个选项对象，过滤器必须要有一个return 返回的是过滤后的结果，过滤器第一个默认的参数是 要过滤的值
  //   只有当前组件可以用

  //   过滤器也有全局过滤器
  //   定义在main.js中 所有的组件都能用
};
</script>

<style lang="scss"></style>
